.gatt-main-wrap-row{
  display: flex;
  height: 21px;

  .cell{
    position: relative;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;

    &-num{
      display: block;
      height: 100%;
      line-height: 20px;
      border-bottom: 1px solid #d7d7d7;
      border-left: 1px solid #d7d7d7;
      box-sizing: border-box;

      &.weekday{
        color: #c7c7c7;
      }

      &.weekMode{
        border-left: none;

        span{
          display: block;
          width: 100%;
          height: 100%;
        }
      }

      &.today{
        color: #fff;
        background-color: #f0a100;
      }
    }

    &-bg{
      position: absolute;
      top: 21px;
      left: 0;
      z-index: -1;
      display: block;
      box-sizing: content-box;

      &.weekday1{
        width: 100%;
        background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
        border-left: 1px solid #d7d7d7;
      }

      &.weekday2{
        width: 100%;
        background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
        border-right: 1px solid #d7d7d7;
      }

      &.weekday1-noboder{
        width: 100%;
        background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
        border-left: 1px solid transparent;
      }

      &.weekday2-noboder{
        width: 100%;
        background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
        border-right: 1px solid transparent;
      }
    }

    &.halfYear{
      margin-left: 1px;

      span{
        display: inline-block;
        width: 50%;
        line-height: 20px;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        box-sizing: border-box;
      }

      &:last-child{
        span{
          &:last-child{
            border-right: none;
          }
        }
      }
    }
  }
}
